”react react-native cross-platform calendar calendar-component calendar-view react-native-web TypeScript“ 的搜索结果

create-react-app-web-native-together:一起“创建React Native应用程序”和“创建React应用程序”-单个...

标签：   react react-native create-react-app web-native create-react-native-app JavaScript

     一起创建React应用程序网络原生“ ”和“ ”一起使用-两个应用程序的单一代码库入门创建React应用创建React本地应用依存关系ReactReact域React性的React本机网络本机基础世博会npm inpm start:webnpm start:native

graphql：精选的资源，客户端和工具集合，这些资源，客户端和工具使使用GraphQL和ReactReact Native更加...

标签：   react graphql awesome react-native awesomeness awesome-list AwesomeLists

     awesome-react-graphql：精选的资源，客户端和工具集合，这些资源，客户端和工具使使用GraphQL和ReactReact Native更加出色

react-native中使用react-native-vector-icons图标库

标签：   react-native  react native  react.js

     react-native-vector-icons 内置了FontAwesome、 antDesign等常用图标库，还可以支持自定义。 RN0.6以上如何使用？ 1、安装： npm i react-native-vector-icons -D 安装命令。 2、安装完成后，还是需要执行 react-...

【React-Native】基于react-native-echarts-pro图表库的地图展示

标签：   react native  图表  react-native地图

     由于业务需要展示世界地图，并且对地图数据进行操作...前期选用native-echarts，但是该组件有三个问题：1.长期不维护；2.echarts版本较老；3.没有自带的地图功能； 故有了该组件的诞生，废话不多说，上手： 一、 ...

yelp-react-native-hooks：使用Yelps API的简单应用，以探索ReactReact Native的钩子和新功能

标签：   JavaScript

     yelp-react-native-hooks：使用Yelps API的简单应用，以探索ReactReact Native的钩子和新功能

ReactNative进阶（四十五）：渐变组件 react-native-linear-gradient

标签：   reactnative  linear-gradient  渐变组件

     npm i react-native-linear-gradient react-native link react-native-linear-gradient 二、属性介绍 2.1 colors 默认情况下，渐变色的方向是从上向下的。 <LinearGradient colors={['#63B8FF', '#1C86EE', '...

react-native播放视频组件 react-native-video的用法

标签：   android  react-native  组件

     react-native-video 是一个播放视频的开源组件， 它的用法很简单。 1.安装 依次执行下面两个命令， npm i -S react-native-video react-native link (这一步是连接本地视频库) (1) ios： 如果您想允许其他应用...

RN：使用react-native-exit-app退出app

标签：   react-native  react native  react.js

     react-native-exit-app import RNExitApp from 'react-native-exit-app'; ... RNExitApp.exitApp(); ... 看了下源码，是这样退出的： android @ReactMethod public void exitApp() { android.os.Process.kill...

react-native 轮播图 ——react-native-swiper使用

标签：   native  react-native  轮播图

     今天学习了轮播图的使用，上网查阅了一下，发现有react-native-swiper和React-Native-Viewpager 两种封装的比较好的第三方组件，对比了下文档，觉得react-native-swiper功能更加完善，而且文档说明比较全面，所以...

react native截屏组件 react-native-view-shot总结

标签：   rn截屏组件   react-native-view-shot   react-native截屏

     截图组件react-native-view-shot，可以截取当前屏幕或者按照当前页面的组件来选择截取（）

react native 实现图片放大功能 （react-native-image-zoom-viewer）

标签：   react native  放大图片  image-zoom

     安装中间件 react-native-image-zoom-viewer 封装放大图片弹窗组件 调用弹窗组件 具体步骤 1. 安装中间件 react-native-image-zoom-viewer，参考官网 和 官网 版本： "react": "16.8.3", "react-native": "0.59.9...

运行react-native link react-native-gesture-handler报错：error Failed to get dependency config

标签：   react-native link react-native-gest  error Failed to get dependency conf  react-navigation

     在初始化创建项目并通过yarn add react-navigation和yarn add react-native-gesture-handler加载导航依赖包时，这两个过程一切正常，但当执行react-native link react-native-gesture-handler进行原生依赖时，...

react-native配置react-native-image-crop-picker

标签：   evaluating '_reactNativeImageCropPi  react-native-crop-picker

     null is not an object (evaluating '_reactNativeImageCropPicker.default.openPicker') 如何引用第三方的图片剪辑库？上面的错误一直提醒着、出现！查找了好多博客，进入作者的issue，都没有找到解决答案。...

React-native-splash-screen 完整使用说明(Mac完整版) 2019/04/14

标签：   react-native

     react-native-splash-screen 演示 安装说明 第一步(下载): 在项目根目录打开终端运行 npm i react-native-splash-screen --save 第二步 (安装): 大家可以通过自动或手动两种方式来安装react-native-splash-screen。...

react-native与svg整合 ----- react-native-svg

标签：   react-native

     React-Native 与Iconfont整合 1、从阿里妈妈上选择自己所需要的素材，下载源代码 ... 下载后得到的iconfont.ttf ...两种解决方案： react-native-vector-icons && react-native-svg 采用 react-native-svg解

React Native 集成react-native-table-component(table表格插件)及代码示例

标签：   React-Native

     React-Native 集成react-native-table-component(table表格插件) 1、安装 #npm安装 npm install --save react-native-table-component 2、使用 1):TableExample.js入口文件 import React, {Component} from 'react'...

图片操作库，react-native-image-zoom-viewer 使用方法

标签：   react native库  react-native-image-zoom-viewer

     react-native-image-zoom-viewer 使用方法 最近遇到一个需求，需要让用户预览图片，并且能进行放大缩小的操作。 google了一圈，最后使用了react-native-image-zoom-viewer。 官网Demo： import { Modal } from '...

12.React Native文件创建、查看、下载、上传-react-native-fs

标签：   RN  文件下载  文件上传

     1.react-native-fs是什么？ 2.react-native-fs支持哪些功能？ 3.react-native-fs如何使用？ 4.react-native-fs功能介绍？ 5.文件操作说明 5.1文件目录说明 5.2文件创建 5.3文件删除 5.4文件读取 5.5文件...

使用react-native-debugger调试react-native

标签：   react-native

     用了http://localhost:8081/debugger-ui，安装了react-devtools，又发现...官网地址：https://github.com/jhen0409/react-native-debugger/releases。 运行如下： 使用 如何使用呢? 相当的简单, 参考文档: htt...

关于react-native-fast-image的使用

标签：   react native  react-native-fast-image

     关于react-native-fast-image的使用 今天在项目里使用了react-native-fast-image，现在记录一下过程 首先如果是原生和RN混合开发，首先执行以下代码： yarn add react-native-fast-image 然后在Android添加依赖： ...

react-native 自带的 webview 替换为 react-native-webview 遇到的问题

标签：   react-native-webview  react-native-webview 与 H5交互

     简单介绍下react-native-webview 替换 react-native 自带的 webview 的过程中 遇到的问题。 基于版本： "react-native": "0.60.6", "react-native-webview": "^7.4.2", 1、安装及使用方法就省略了，可以看下...

React Native集成react-native-fs(本地文件系统)

标签：   React Native  react-native-fs

     npm install --save react-native-fs #链接依赖 react-native link react-native-fs 工具类(可直接调用) /** * FileName: RNFSUtils.js * Author: hf * Date: 2019/2/11 14:39 * Description:封装对文件的...

react-native react-native-modal-dropdown级联扩展

标签：   react-native

     react-native没有提供select控件，这里使用第三方控件react-native-modal-dropdown，但是在做级联的时候发现存在问题。在源码基础上做了一些修改。  react-native-modal-dropdown版本为0.6.0 级联出现异常现象...

(React-Native 学习之九) React-native-device-info 的使用：

标签：   device-info

     前言：顾名思义 React-native-device-info 本第三方就是为了 获取设备信息。 实际上react-native有很多类似第三方，并且使用方式和本例大体相同。作为示例记录下，供有需要的同学学习： 1，初始化项目： 初始化...

react-native模仿京东首页

标签：   react-native

     react-native模仿京东首页，欢迎下载交流。

react-native 侧滑组件 react-native-swipe-list-view

标签：   react-native  android  app

     由于项目需要支持左滑&右滑的list组件，所以上网看了一下， 发现了 react-native-swipe-list-view 觉得不错，分享给大家。 （1）.此库支持单个组件的左滑右滑，也支持list组件的左滑右滑 首先看一下效果图： 1....

react native的单选按钮react-native-radio-master

标签：   react-native  radio  单选按钮

     随着项目对react native的使用，碰到了很多RN的坑。。。只可惜我不是职业前端，让我一个php...。这篇主要是实现RN的单选按钮，上传表单的时候使用的。...1、npm i react-native-radio-master –save 2、这个组件不需要npm

使用react-native-camera库时一些错误解决办法

标签：   react-native-camera

     项目添加react-native-camera库时的各种报错解决办法 1.Could not resolve project :react-native-camera 明明已经添加了却老师报could not resolve 解决办法： 在app下的build.gradle中添加一行代码 android { ......

react-native-video使用攻略

标签：   React Native  react-native-video  视频播放器

     react-native-video是一个可以播放视频的组件，它的用法简单，功能完备，是React native项目中很好用的一个Video播放的组件。 它的功能主要有以下10个： 1. 控制播放速率 2. 控制音量大小 3. 支持静音功能 4. ...

React-Native之WebView组件 - Native与Web的通信和交互

标签：   react-native  WebView  react-native-webview

     文档地址：https://github.com/react-native-community/react-native-webview/blob/master/docs/Guide.md#communicating-between-js-and-native WebView组件是RN端与Web端交互的一个常用组件。 原本WebView组件...

推荐文章